<!DOCTYPE html>
<html>
	<head> 
		<meta charset="utf-8" />
		<title>盒子模型</title>
		<style>
			.box1{
				/*border-width: 10px;
				border-color: red;
				border-style:solid;*/   /*实线*/
				/*边框复合写法：
				border:颜色 粗细 样式；（顺序不论）
				*/
			   /*solid:实线      dashed：虚线      dotted：点线*/
			   /*px:像素*/
			   /*颜色的写法：
			   颜色的英语单词：rgb(0~255),#3e40ff
			   rgb(170,170,255)*/
				border: 1px solid #e370ff;
				width: 200px;   /*宽：像素*/
				height: 300px;   /*高：px*/
				/*padding: 20px;*/
				padding-top: 30px;
				/*top: 上;   left：左   bottom：下   right：右   center:居中*/
				/*padding-left: 10px;
				padding-bottom: 20px;
				padding-right: 40px;*/
				/*复合写法：
				padding: 一个值（上下左右）;
				padding: 两个值（上下，左右）;
				padding: 三个值（上，左右，下）;
				padding: 四个值（上，右下左>顺时针）;*/
				padding: 30px 20px 10px 40px; 
			}
		</style>
	</head>
	<body>
		
	</body>
</html>
